<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>用户信息表</title>
    <!--2个js文件 ,要先引入jquery,然后再引入easyui-->
    <script src="../js/jquery-easyui-1.8.1/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <!-- 验证登录 -->
    <script src="../js/mds.js" type="text/javascript" charset="utf-8"></script>
    <script src="../js/jquery-easyui-1.8.1/jquery.easyui.min.js" type="text/javascript" charset="utf-8"></script>
    <!--2个样式表文件-->
    <link rel="stylesheet" type="text/css" href="../js/jquery-easyui-1.8.1/themes/default/easyui.css"/>
    <link rel="stylesheet" type="text/css" href="../js/jquery-easyui-1.8.1//themes/icon.css"/>
</head>
<body>
<input type="hidden" name="tab">
    <table id="user"></table>
    <div id="tip"></div>
    <div id="dialog" style="display: none">
        <div class="easyui-panel"  style="width:100%;height:100%;padding:30px 60px;" >
                <form id="form" method="post">
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" name="username" style="width:600px" data-options="label:'Username:',required:true,missingMessage:'用户名不允许为空'">
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" type="password" name="password" style="width:600px" data-options="label:'Password:',required:true,missingMessage:'密码不允许为空',validType:'password'">
                    </div>
                    <div style="margin-bottom:20px">
                        <input class="easyui-textbox" type="email" name="email" style="width:600px" data-options="label:'Email:',required:true,missingMessage:'邮箱不允许为空',validType:'email',invalidMessage:'邮箱格式不正确'">
                    </div>
                    <div style="margin-bottom:20px">
                            <input class="easyui-numberspinner" name="age" style="width:600px" data-options="label:'Age:',required:true,missingMessage:'年龄不允许为空',validType:'age'">
                    </div>
                    <div style="margin-bottom:20px">
                            <input class="easyui-radiobutton" name="sex" value="false" label="Sex:" checked> male
                           <input class="easyui-radiobutton" name="sex" value="true"> man
                    </div>
                    <div style="margin-bottom:20px">
                            <input class="easyui-textbox" name="address" style="width:600px" data-options="label:'Address:',required:true,missingMessage:'地址不允许为空',validType:['length[8,200]'],invalidMessage:'地址所在地必须超过8个字'">
                    </div>
                    <div style="margin-bottom:20px">
                            <select id="cc" class="easyui-combobox" name="problem[title]" style="width:300px;" data-options="label:'Problem:'">
                                    <option value="您的配偶的名字是谁？">您的配偶的名字是谁？</option>
                                    <option>您的老师的名字是谁？</option>
                                    <option>您的父亲的名字是谁？</option>
                                    <option>您的母亲的名字是谁？</option>
                                    <option>您的爷爷的名字是谁？</option>
                                    <option>您的奶奶的名字是谁？</option>
                                    <option>您的女儿的名字是谁？</option>
                                    <option>您的儿子的名字是谁？</option>
                                    <option>您的孙子的名字是谁？</option>
                                </select>
                                <input class="easyui-textbox" name="problem[question]" style="width:200px;" data-options="label:'Question:',required:true,missingMessage:'答案不允许为空'">
                    </div>
                    <div style="margin-bottom:20px">
                            <input class="easyui-checkbox" name="hobbies[]" value="吃饭" label="Hobbies:"> 吃饭
                            <input class="easyui-checkbox" name="hobbies[]" value="学习" > 学习
                            <input class="easyui-checkbox" name="hobbies[]" value="上天" > 上天
                            <input class="easyui-checkbox" checked name="hobbies[]" value="开车" > 开车
                            <input class="easyui-checkbox" name="hobbies[]" value="看剧" > 看剧
                            <input class="easyui-checkbox" checked name="hobbies[]" value="做饭" > 做饭
                            <input class="easyui-checkbox" name="hobbies[]" value="下地" > 下地
                            <input class="easyui-checkbox" name="hobbies[]" value="游戏" > 游戏
                            <input class="easyui-checkbox" name="hobbies[]" value="羽毛球" > 羽毛球
                        </div>
                        <div style="margin-bottom:20px">
                                <input class="easyui-radiobutton" name="drink" value="Tea" label="Drink:" checked> Tea
                               <input class="easyui-radiobutton" name="drink" value="Coffee"> Coffee
                        </div>
                </form>
                <div style="text-align:center;padding:5px 0">
                    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="submitForm()" style="width:200px">Submit You Message</a>
                    <a href="javascript:void(0)" class="easyui-linkbutton" onclick="clearForm()" style="width:200px">Reset You Message</a>
                </div>
            </div>
</div>
</body>
<!-- 格式化时间 -->
<script src="../js/moment.js" type="text/javascript" charset="utf-8"></script>
<!-- 转json对象 -->
<script src="../js/jquery.serializejson.min.js" type="text/javascript" charset="utf-8"></script>
<script src="js/user.js" type="text/javascript" charset="utf-8"></script>
</html>
<!-- <script>
// $.parser.parse();
</script> -->